<?php
// no direct access
defined('_JEXEC') or die('Restricted access');

   // print_r($this->data); 
   
$document = JFactory::getDocument();
$document->addScript('./components/com_qcalc/assets/javascript/myscripts.js');


	 //print_r($this->calcs);

?>

<?
	echo '<pre>';
	//=print_r($this->calcs,1);
	echo '</pre>';
?>

<ul class="statement_block container-prv">
<h1>Управление листами отправки, печатю ярлыков, историей отправок</h1>
<li>
       
	<div id="marshrut_tabs">
        <ul>
            <li><a href="#tabs1_marshr_list">Лист отправки и печать ярлыков</a></li>
            <!----><li><a href="#tabs2_marshr_hist_list">История отправлений</a></li>
        </ul>
		

			<!--------------- ЛИСТ ОТПРАВКИ  ------------------------------->
<div class="tabs_container">	
	
	<div id="tabs1_marshr_list">
		<div id="results_marshr_list">
		<div style="margin-bottom: 10px;" >
		<p class="small pm0" style="line-height: 1.4em;padding:0 1em 1em;">В данном блоке можно создать новый лист отправки а также при создании листа есть возможность распечатать адресный ярлык по сохраненному ранее расчету, с добавлением получателя из сохраненной базы данных получателей в записной книжке и редактированием всех пунктов.</p>
            <a class="no_dec" style="padding-left:1em;" href="#" onClick="AddMarshrutList(); return false;">[+] <span class="dashed">Создать лист отправки</span></a></div>
				<table id="report_marshr_list" class="zebra brd1px" width="100%" cellspacing="0">
				   <thead>
					<tr id="top" class="shapka" >
						<td style="padding-left: 5px;">№</td>
						<td style="padding-left: 5px;">Дата, Названиe</td>
						<td> &nbsp; </td>
						<td> &nbsp; </td>
					</tr>
					</thead>
					<tbody>
					<? foreach ($this->m_list AS $l) { ?>
					
					<tr>
						<td style="padding-left: 5px;"><?=$l->user_id;?>0<?=$l->id;?></td>
						<td style="padding-left: 5px;"><a class="no_dec" href="#" onClick="EditMarshrutList(<?=$l->id;?>); return false;"><span class="dotted"><?=$l->date;?>,&nbsp;&nbsp;<?=$l->name;?></span></a></td>
						<td style="text-align:right;"><a class="no_dec dashed" style="margin-right: 15px;" href="#" onClick="toHstory(this,<?=$l->id;?>); return false;">Перенести в историю</a></td>
						<td style="text-align:right;width:18px;"><a id="list_otpr_del" href="#" onClick="delMList(this, <?=$l->id;?>); return false;"><div></div></a></td>
						
					</tr>
					<? } ?>
					</tbody>
				</table>
			</div>	
		</div><!-- end tabs1 -->
	
	
	<!--------------- ИСТОРИЯ ОТПРАВКИ  -------------------------------	-->	
	<div id="tabs2_marshr_hist_list">
		<div id="results_marshr_hist_list">
			<span class="small red" style="padding-left:5px;">Фильтр по дате:</span> 
			<input type="text" id="datepicker" style="width:104px;" onChange="UpdateMListArch(this);" value="<?=$this->date;?>" READONLY>
			
		
			<table id="report_marshr_hist_list" class="zebra brd1px" width="100%" cellspacing="0">
				<tr id="top" class="shapka" >
					<td style="padding-left: 5px;">№</td>
					<td style="padding-left: 5px;">Дата, Названиe</td>
					<td> &nbsp; </td>
				</tr>
		
				   <? foreach ($this->a_list AS $l) { ?>
					
					<tr>
						<td style="padding-left: 5px;"><?=$l->user_id;?>0<?=$l->id;?></td>
						<td style="padding-left: 5px;"><a class="no_dec" href="#" onClick="EditMarshrutList(<?=$l->id;?>); return false;"><span class="dotted"><?=$l->date;?>,&nbsp;&nbsp;<?=$l->name;?></span></a></td>
						<td style="text-align:right;width:18px;"><a id="list_otpr_del" href="#" onClick="delMList(this, <?=$l->id;?>); return false;"><div></div></a></td>
						
					</tr>
					<? } ?>
			</table>
		</div>
	</div>
	
		</div>	
	</div>


</li> 
</ul>

       <div id="EditMarsrutListForm" style="display: none;" title="Лист отправок, редактор">
           <div id="MarsrutListNewForm">
              <form>
				Выбрать pасчет:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select style="width:50%;" name="calcs">
                 <option value="0">- оставить пустым -</option>
                 <? foreach ($this->calcs AS $c) { ?>
                    <option value="<?=$c->id;?>"><?=$c->marshrut->city1 ."-". $c->marshrut->city2 .", ". $c->calc->c_name .", ". $c->marshrut->col_mest ." мест., ". $c->marshrut->weight ." кг., ". $c->calc->total ." руб.";?></option>
                 <? } ?>
              </select><br>
				Выбрать получателя: <select style="width:50%;" name="poluchatel">
                 <option value="0">- оставить пустым -</option>
                 <? foreach ($this->poluchatel AS $p) { ?>
                    <option value="<?=$p->id;?>"><?=$p->alias .", ". $p->name;?></option>
                 <? } ?>
              </select> <input type="button" value="Добавить" onClick="AddMarshrutListRec(this);" />
              <input type="hidden" name="list_id" id="marshrut_list_id" value="0">
              </form>
           </div><br>
           <div id="MarsrutListBodyForm">
              Загрузка...
           </div>
       </div>


<div id="SelectPrintForm" style="display: none;" title="Печатная форма ярлыка">
   <div class="yarlik_print_form" onClick="printYarlik(1);"> Шаблон № 1<p class="small2 white">маленький размер</p></div>
   <div class="yarlik_print_form" onClick="printYarlik(2);"> Шаблон № 2<p class="small2 white">большой размер</p></div>
   
   <!--<ul class="zebra">
		<li onClick="printYarlik(1)";>Шаблон №1</li>
		<li onClick="printYarlik(2)";>Шаблон №2</li>
   </ul>-->
   
</div>


<script>

var GlForm = null;

   function EditMarshrutList(id) {
      jQuery('#MarsrutListBodyForm').html('Загрузка...');
      jQuery.post("index.php?option=com_qcalc&task=load_marshrut_list_recs&no_html=1", "id="+id, function() {  }, "script");
      jQuery("#EditMarsrutListForm").dialog({
         width: 950,
         height: 650,
         modal: true,
         draggable: false,
     	   resizable: false}).show();
   }
       
   function AddMarshrutList() {
      var name = prompt('Введите название листа отправки');
      if (name)
         jQuery.post("index.php?option=com_qcalc&task=add_marshrut_list&no_html=1", "name="+name, function() {  }, "script");
   }
   
   function ValidateFormMarshrutList(obj) {
      return true;
   }
   
   function AddMarshrutListRec(obj) {
      var data = jQuery(obj.form).serialize();
      jQuery.post("index.php?option=com_qcalc&task=add_marshrut_list_rec&no_html=1", data, function() {  }, "script");
   }
   
   function DeleteRowMList(rec_id,list_id) {
      jQuery.post("index.php?option=com_qcalc&task=del_marshrut_list_rec&no_html=1", "rec_id="+rec_id+"&list_id="+list_id, function() {  }, "script");
   }

   function saveMList(obj) {
      ShowProgresB(obj.form);
      obj.form.task.value = 'save_marsrut_list_all';
      var data = jQuery(obj.form).serialize();
      jQuery.post("index.php?option=com_qcalc&task=save_marsrut_list_all&no_html=1", data, function() { HideProgresB(); }, "script");
   }
   
   function toHstory(obj, id) {
      var tr = jQuery(obj).parent().parent()[0];
      ShowProgresB(jQuery(tr));
      var data = "id="+id;
      jQuery.post("index.php?option=com_qcalc&task=marsrut_to_history&no_html=1", data, function() { HideProgresB(); if (h_status) { jQuery(tr).hide(); } }, "script");
   }
   
   function delMList(obj, id) {
      var tr = jQuery(obj).parent().parent()[0];
      ShowProgresB(jQuery(tr));
      var data = "id="+id;
      jQuery.post("index.php?option=com_qcalc&task=del_marshrut_list&no_html=1", data, function() { HideProgresB(); if (d_status) { jQuery(tr).hide(); } }, "script");
   }
   
   function UpdateMListArch(obj) {
      //alert(obj.value);
      ShowProgresB(jQuery('#results_marshr_hist_list')[0]);
      document.location.href = "/private?view=marshrutization&date="+obj.value+"#tabs2_marshr_hist_list";
      //var data = "id="+id;
      //jQuery.post("index.php?option=com_qcalc&task=marsrut_to_history&no_html=1", data, function() { HideProgresB(); if (h_status) { jQuery(tr).hide(); } }, "script");
   }

   function printMList(obj) {
      obj.form.task.value = 'print_marsrut_list';
      obj.form.submit();
   }

   function printYarlik(id) {
      GlForm.task.value = 'print_yarlik';
      GlForm.prType.value = id;
      GlForm.submit();
   }

   function SelectYarlik(obj) {
      GlForm = obj.form;
      jQuery("#SelectPrintForm").dialog({
         width: 440,
         height: 350,
         modal: true,
         draggable: false,
     	   resizable: false}).show();
      //obj.form.task.value = 'print_yarlik';
      //obj.form.prType.value = '1';
      //obj.form.submit();
   }
	
	$(function() {
		$( "#datepicker" ).datepicker({
			showOn: "both",
			buttonImage: "/templates/two_log_ru/i/ui/calendar.png",
			buttonImageOnly: true,
			changeMonth: true,
			changeYear: true
		});
		
		$.datepicker.regional['ru'] = {
			closeText: 'Закрыть',
			prevText: '&#x3c;Пред',
			nextText: 'След&#x3e;',
			currentText: 'Сегодня',
			monthNamesShort: ['Январь','Февраль','Март','Апрель','Май','Июнь','Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
			monthNames: ['Янв','Фев','Мар','Апр','Май','Июн','Июл','Авг','Сен','Окт','Ноя','Дек'],
			dayNames: ['воскресенье','понедельник','вторник','среда','четверг','пятница','суббота'],
			dayNamesShort: ['вск','пнд','втр','срд','чтв','птн','сбт'],
			dayNamesMin: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб'],
			weekHeader: 'Нед',
			dateFormat: 'dd.mm.yy',
			firstDay: 1,
			isRTL: false,
			showMonthAfterYear: false,
			yearSuffix: ''};
		$.datepicker.setDefaults($.datepicker.regional['ru']);
	});
	
</script>

<style>

TABLE.marsrut_list_table {
  /*  */
}

TABLE.marsrut_list_table TD {
  /*  */
  font-size: 11px;
  padding: 2px;
  border-bottom: solid 1px #AAA;
  border-right: solid 1px #AAA;
  vertical-align: top;
}

TABLE.marsrut_list_table THEAD TD {
  /*  */
  font-size: 13px;
  padding: 2px;
  text-align: center;
  background-color: #CCC;
}

TABLE.marsrut_list_table TD INPUT {
  /*  */
  font-size: 11px;
  margin: 0;
  padding: 2px;
  margin: 0;
  display: inline;
  width: 280px;
}

TR.border_green TD {
   border: solid 1px #00CC00;
}

</style>
